:root {
	--themeColor: linear-gradient(300deg, #fd5f47 0%, #f9773d 100%);
	--themeBackground: #ffffff;
	--themeDefultBackground: #f5f5f5;
	--homePageBackground: linear-gradient(to right, #fb5f46, #f8763d);
	--themeDefultFontColor: #fb5f46;
	--themeBorderColor: #e4e4e4;
	--themeFontColor: #333333;
	--themeFontColor2: #777777;
	--themeFontColor3: #999999;
	--themeFontColor4: #bbbbbb;
	--themeFontColor5: #dddddd;
	--themeFontColor6: #eeeeee;
	--themeFontColor7: #ffffff;
	--themeFontColor8: #f5f5f5;
	--themeFontColor9: #f9f9f9;
}
.themeLinearBgColor {
	background: var(--homePageBackground);
}
.defultFontStyle {
	color: var(--themeDefultFontColor);
	font-size: 26rpx;
}
.borderbottom:last-child {
	border-bottom: none;
}
.defultText {
	font-size: 24rpx;
	color: var(--themeFontColor7);
}
.titleH1 {
	font-size: 36rpx;
	font-weight: bold;
	color: var(--themeFontColor);
}

.titleH2 {
	font-size: 28rpx;
	color: var(--themeFontColor2);
}
.titleH3 {
	font-size: 24rpx;
	color: var(--themeFontColor2);
}

.tipsText {
	font-size: 28rpx;
	color: var(--themeFontColor3);
}

.rowCenter {
	display: flex;
	justify-content: center;
	align-items: center;
}

.rowSpaceBetween {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.rowSpaceAround {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.rowSpaceEvenly {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}

.rowStart {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.rowEnd {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.cloumCenter {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.cloummStart {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

.cloumEnd {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
}
.cloumSpaceBetween {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
.cloumSpaceAround {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}
.cloumSpaceEvenly {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
}

.container {
	padding: 40rpx;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}

.alignStart {
	align-items: flex-start;
}

.cardTitle {
	font-size: 32rpx;
	margin-bottom: 20rpx;
}
.themeFontColor9 {
	color: var(--themeFontColor9);
}
.themeFontColor7 {
	color: var(--themeFontColor7);
}
.br20 {
	border-radius: 20rpx;
}
.br10 {
	border-radius: 10rpx;
}
.gap20 {
	gap: 20rpx;
}
.gap10 {
	gap: 10rpx;
}
.cardTips {
	font-size: 40rpx;
	font-weight: bold;
}
.cardUnit {
	font-weight: normal;
	font-size: 24rpx;
}
.fontWeight {
	font-weight: bold;
}

.w100 {
	width: 100% !important;
}
.w90 {
	width: 90% !important;
}
.h100 {
	height: 100% !important;
}
.flex1 {
	flex: 1;
}
.shirk0 {
	flex-shrink: 0;
}
.w33 {
	width: 33%;
}
.w45 {
	width: 45%;
}
.mtb30 {
	margin: 30rpx 0;
}
.mtb20 {
	margin: 20rpx 0;
}
.ps20 {
	padding: 0 20rpx;
	box-sizing: border-box;
}
.pv20 {
	padding: 20rpx 0;
	box-sizing: border-box;
}
.pall20 {
	padding: 20rpx;
	box-sizing: border-box;
}
.pall10 {
	padding: 10rpx;
	box-sizing: border-box;
}
.defultBackground {
	background-color: var(--themeBackground);
}
.cardContiner {
	width: 90%;
	padding: 20rpx;
	box-sizing: border-box;
	background-color: #ffffff;
	box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.1);
	border-radius: 20rpx;
}
.borderRadiusnone {
	border-radius: 0 !important;
}
.borderbottom {
	border-bottom: 1rpx solid var(--themeBorderColor);
}
.success {
	background: #f0f9eb;
	color: #67c23a;
}

.faile {
	background: #fef0f0;
	color: #f56c6c;
}

.warning {
	background: #fdf6ec;
	color: #e6a23c;
}
.defult {
	background: #e7e7e7;
	color: #777;
}
.status {
	padding: 6rpx 12rpx;
	border-radius: 12rpx;
	font-size: 26rpx;
}
.select {
	border: 2rpx solid transparent;
	overflow: hidden;
}
.selectActive {
	transition: all 0.3s ease; /* 添加过渡动画 */
	border: 2rpx solid var(--themeDefultFontColor);
	position: relative;
}
.selectActive::after {
	content: '';
	position: absolute;
	width: 60rpx;
	height: 60rpx;
	bottom: 0;
	right: 0%;
	background-image: url('/static/image/selectIcon.png');
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.rezindex99 {
	position: relative;
	z-index: 9999;
}
.img80rpx {
	width: 80rpx;
	height: 80rpx;
}
.mall20 {
	margin: 20rpx;
}
.circle {
	border-radius: 50%;
}
.borderRadius10{
	border-radius: 10rpx;
}
